<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/productdetails.css">
</head>

<body>
   <!-- 头部开始 -->
   <div class="head">
    <div class="center">
        <div class="head_left fl">
            legochina.cn
        </div>
        <div class="head_right fr">
            欢迎光临<span>乐购</span>，请 <a href="./login.html" style="color: white;">登陆</a>\<span><a href="./register.html" style="color: #f60;">注册</a></span>
        </div>
    </div>
</div>
<!-- 头部结束 -->
    <!-- 导航栏开始 -->
    <div class="center ">
        <div class="nav rel clearfix">
            <div class="nav_left">
                <h1 class="abs">
                    <a href="#">乐购</a>
                </h1>
            </div>
            <div class="nav_top fixde clearfix">
                <div class="nav_top_centent">
                    <input type="text" name="" id="" class="fl">
                    <button class="fl"></button>
                </div>
                <div class="nav_top_right fl">
                    <button class="fl">
                        <div class="fl"></div><span class="fl">购物车</span><span class="fr">3</span>
                    </button>
                    <button class="fl">我的订单</button>
                </div>
            </div>
            <div class="nav_bottom">
                <ul>
                    <li><a href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">创意文具</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航栏结束  -->
    <!-- 图书开始 -->
    <div class="books center clearfix">
        <div class="books_top">
            <h3><span>图片</span>&gt;小说&gt;情感/家庭/婚姻&gt;博集天卷&gt;她和他</h3>
        </div>
        <div class="books_main clearfix">
            <div class="left fl">
                <img src="images/index09_10.jpg" alt="">
                <div class="bottom">
                    <ul>
                        <li><button></button></li>
                        <li><img src="images/index09_10.jpg" alt=""></li>
                        <li><img src="images/index09_10.jpg" alt=""></li>
                        <li><button></button></li>
                    </ul>
                </div>
            </div>
            <div class="right fr">
                <div class="top">
                    <h3>她和他</h3>
                    <p>《偷影子的人》作者马克·李维重磅新作，法国连续60周在榜，销量突破120万册</p>
                    <span>[法] 马克·李维 著；杨亦雨 译</span>
                </div>
                <div class="center">
                    <p>乐购价：￥26.20[6.9折] [定价：￥38.00] (降价通知)</p>
                    <p>促销信息：满减 每满150.00元，可减50.00元现金 详情 >></p>
                    <p>领券：<img src="images/limitTime_02.jpg" alt="">
                        <img src="images/limitTime_02.jpg" alt="">
                    </p>
                </div>
                <div class="bottom">
                    <p>种类选择：<button>平装版</button>
                        <button>精装版</button>
                    </p>
                    <div class="con clearfix">
                        <div class="son fl">
                            <button class="num fl">1</button>
                            <button class="plus fl">+</button>
                            <button class="reduce fl">-</button>
                        </div>
                        <button class="shopping fl">加入购物车</button>
                    </div>
                    <span>温馨提示：支持7天无理由退货</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 图书结束 -->
    <!-- 人气单品开始 -->
    <div class="popularity">
        <div class="center clearfix">
            <div class="popularity_head">
                <h3>人气单品</h3>
            </div>
            <div class="popularity_main clearfix">
                <ul>
                    <li>
                        <img src="images/index08_06.jpg" alt="">
                        <img src="images/limitTime_01.jpg" alt="" class="img">
                        <p>白夜行 东野上吾</p>
                        <div class="con">
                            <h4 class="fl">推荐：</h4>
                            <p class="fl"></p>
                        </div>
                        <h2>￥:38 <span>￥58</span></h2>
                    </li>
                    <li>
                        <img src="images/index08_06.jpg" alt="">
                        <img src="images/limitTime_01.jpg" alt="" class="img">
                        <p>白夜行 东野上吾</p>
                        <div class="con">
                            <h4 class="fl">推荐：</h4>
                            <p class="fl"></p>
                        </div>
                        <h2>￥:38 <span>￥58</span></h2>
                    </li>
                    <li>
                        <img src="images/index08_06.jpg" alt="">
                        <img src="images/limitTime_01.jpg" alt="" class="img">
                        <p>白夜行 东野上吾</p>
                        <div class="con">
                            <h4 class="fl">推荐：</h4>
                            <p class="fl"></p>
                        </div>
                        <h2>￥:38 <span>￥58</span></h2>
                    </li>
                    <li>
                        <img src="images/index08_06.jpg" alt="">
                        <img src="images/limitTime_01.jpg" alt="" class="img">
                        <p>白夜行 东野上吾</p>
                        <div class="con">
                            <h4 class="fl">推荐：</h4>
                            <p class="fl"></p>
                        </div>
                        <h2>￥:38 <span>￥58</span></h2>
                    </li>
                    <li>
                        <img src="images/index08_06.jpg" alt="">
                        <img src="images/limitTime_01.jpg" alt="" class="img">
                        <p>白夜行 东野上吾</p>
                        <div class="con">
                            <h4 class="fl">推荐：</h4>
                            <p class="fl"></p>
                        </div>
                        <h2>￥:38 <span>￥58</span></h2>
                    </li>
                </ul>
            </div>
            <div class="popularity_bottom">
                <div class="popularity_left fl">
                    <p>看了又看</p>
                    <ul>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                        <li>
                            <img src="images/index08_06.jpg" alt="">
                            <img src="images/limitTime_01.jpg" alt="" class="img">
                            <p>白夜行 东野上吾</p>
                            <div class="con">
                                <h4 class="fl">推荐：</h4>
                                <p class="fl"></p>
                            </div>
                            <h2>￥:38 <span>￥58</span></h2>
                        </li>
                    </ul>
                </div>
                <div class="popularity_right fr">
                    <div class="popularity_right_head">
                        <p class="fl">商品介绍</p>
                        <p class="fl on">评价（9999）</p>
                    </div>
                    <div class="son">
                        <div class="con">
                            <img src="images/eee.png" alt="">
                        </div>
                        <div class="con">
                            <div class="popularity_right_main clearfix">
                                <div class="popularity_right_main_left fl">
                                    <h3>98%</h3>
                                    <p class="fr">好评度</p>
                                </div>
                                <div class="popularity_right_main_center fl">
                                    <p>好评（98%）<div class="son">
                                            <div class="con"></div>
                                        </div>
                                    </p>
                                    <p>中评（2%）<div class="son">
                                            <div class="con"></div>
                                        </div>
                                    </p>
                                    <p>差评（0%）<div class="son">
                                            <div class="con"></div>
                                        </div>
                                    </p>
                                </div>
                                <div class="popularity_right_main_right fl">
                                    <ul>
                                        <li>1.洲**子 +0 </li>
                                        <li>2.洲**子 +0 </li>
                                        <li>3.洲**子 +10 </li>
                                        <li>4.洲**子 +10 </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="popularity_right_bomain clearfix">
                                <h3><span>全部评价（9999）</span>&emsp;&emsp;好评（888）&emsp;&emsp;中评（888）&emsp;&emsp;差评（888）
                                </h3>
                                <ul>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left fl">
                                            <img src="images/ppt2_010.jpg" alt="">
                                            <p>下单后5天评论</p>
                                            <span>2016-08-11</span>
                                        </div>
                                        <div class="center fl">书的质量不错，很新，一点放久的潮味或臭味都没有，内容也值得一看，关键是价格真给力</div>
                                        <div class="right fr">
                                            <img src="./images/index09_17.jpg" alt="">
                                            <span>洲**子</span>
                                            <h4>金牌会员</h4>
                                            <p>来自iPhone客户端</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 人气单品结束 -->
    <!-- 尾部上方图片开始 -->
    <div class="center bannerbottimg  clearfix">
        <img src="./images/index45_03.jpg" alt="">
    </div>
    <!-- 尾部上方图片结束 -->
    <!-- 售后服务开始 -->
    <div class="sale">
        <div class="center">
            <div class="sale_center">
                <img src="images/222_11.png" alt="">
                <img src="images/222_13.png" alt="">
                <img src="images/222_15.png" alt="">
                <img src="images/222_17.png" alt="">
            </div>
        </div>
    </div>
    <!-- 售后服务结束 -->
    <!-- 尾部导航开始 -->
    <div class="center clearfix">
        <div class="bottnav">
            <ul class="bottnav_center">
                <li>
                    <p>购物指南</p>
                    <ul>
                        <li>购物流程</li>
                        <li>发票制度</li>
                        <li>账户管理</li>
                        <li>会员优惠</li>
                    </ul>
                </li>
                <li>
                    <p>支付方式</p>
                    <ul>
                        <li>货到付款</li>
                        <li>网上支付</li>
                        <li>礼品卡支付</li>
                        <li>银行转账</li>
                    </ul>
                </li>
                <li>
                    <p>订单服务</p>
                    <ul>
                        <li>订单配送查询</li>
                        <li>订单状态说明</li>
                        <li>自助取消订单</li>
                        <li>自助修改订单</li>
                    </ul>
                </li>
                <li>
                    <p>退换货</p>
                    <ul>
                        <li>退换货政策</li>
                        <li>自助申请退换货</li>
                        <li>退换货进度查询</li>
                        <li>退款方式和时间</li>
                    </ul>
                </li>
                <li>
                    <p>商家服务</p>
                    <ul>
                        <li>商家中心</li>
                        <li>运营服务</li>
                        <li>加入尾品汇</li>
                    </ul>
                </li>
            </ul>
            <div class="bottnav_img">
                <img src="images/logo_00.png" alt="">
            </div>
        </div>
    </div>
    <!-- 尾部导航结束 -->
    <!-- 尾部开始 -->
    <div class="center">
        <div class="tail">
            <ul class="clearfix">
                <li>公司</li>
                <li>lnvestor Relations</li>
                <li>网站联盟</li>
                <li>乐购招商</li>
                <li>机构销售</li>
                <li>手机乐购</li>
                <li>官方Blog</li>
                <li>热词搜索</li>
            </ul>
            <p>Copyright(C) 乐购网 2004-2016. All Rights Reserved</p>
        </div>
    </div>
    <!-- 尾部结束 -->
    <script src="javascripts/jquery-1.11.0.js"></script>
    <script src="javascripts/productdetails.js"></script>
</body>

</html>